<%-- 
    Document   : ProductDetail
    Created on : Nov 30, 2012, 1:02:10 AM
    Author     : Tam Nguyen
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags" %>  
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/css.css" />
        <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
        <link rel="stylesheet" type="text/css" href="css/stylesheet_boxes.css"/>
        <link rel="stylesheet" type="text/css" href="css/stylesheet_css_buttons.css"/>
        <link rel="stylesheet" type="text/css" href="css/stylesheet_ezpages_footer_columns.css"/>
        <link rel="stylesheet" type="text/css" href="css/stylesheet_header_menu.css"/>
        <link rel="stylesheet" type="text/css" href="css/stylesheet_lightbox-0.css"/>
        <link rel="stylesheet" type="text/css" href="css/stylesheet_main.css"/>
        <link rel="stylesheet" type="text/css" href="css/stylesheet_social_media_icons.css"/>
        <link rel="stylesheet" type="text/css" href="css/stylesheet_tm.css"/>
        <link rel="stylesheet" type="text/css" media="print" href="css/print_stylesheet.css"/>
        
        <script type="text/javascript" src="js/jscript_jquery-1.js"></script>
        <script type="text/javascript" src="js/jscript_xdropdown_menu.js"></script>
        <script type="text/javascript" src="js/jscript_xeasyTooltip.js"></script>
        <script type="text/javascript" src="js/jscript_xjquery.js"></script>
        <script type="text/javascript" src="js/jscript_xjquery_004.js"></script>
        <script type="text/javascript" src="js/jscript_xjquery_003.js"></script>
        <script type="text/javascript" src="js/jscript_xjquery_002.js"></script>
        <script type="text/javascript" src="js/jscript_zhover-image.js"></script>
        <script type="text/javascript" src="js/jscript_zjcarousellite.js"></script>
        <script type="text/javascript" src="js/jscript_zjquery.js"></script>
        
        <title>PRODUCT DETAILS</title>
    </head>
    
    <body id="indexBody">
         <div class="extra-main">
            <div class="main-width">
                <!-- ========== HEADER ========== -->
                <%@include file="comp/header.jsp" %>
                <!-- ========== CATEGORIES TABS ========= -->                                                                    
                                                                                  
                <div id="bannerTwo">
                    <a href="#"><img src="images/banner4.jpg" alt="mens sale" title=" mens sale " height="55" width="940"></a>
                </div>
                                                                                    
                <table id="contentMainWrapper" border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                        <tr>
                            <td id="column-center" valign="top">
                                <div class="column-center-padding">
                                    <div class="centerColumn" id="productGeneral">
                                        <h1 id="productName" class="productGeneral">Coat</h1>
                                        <div class="tie">
                                            <div class="tie-indent">
                                                <div class="page-content">
                                                    <div class="wrapper">
                                                        
                                                            <div id="productMainImage" class="centeredContent back">
                                                                <span class="image">
                                                                    <a href="#"><img src="<s:property value="img"/>" alt="#" title="<s:property value="product_name"/>" height="210" width="134"></a>
                                                                </span>
                                                            </div>
                                                                
                                                                    <div class="name-type bot-border"><s:property value="product_name"/></div>
                                                                
                                                            <ul><li><s:property value="quantity"/></li></ul>
                                                                
                                                            <h2 id="productPrices" class="productGeneral">
                                                                <span class="price-text">Price: &nbsp;</span>
                                                                <s:property value="unit_price"/></h2>
                                                                    
                                                            <div id="cartAdd">
                                                                <strong class="fleft text2">Add to Cart: &nbsp; &nbsp;<input class="qty" name="cart_quantity" value="1" maxlength="6" size="8" type="text"><input name="products_id" value="9" type="hidden"></strong>&nbsp; &nbsp; &nbsp; <span class="buttonRow"><input src="product1_files/button_in_cart.gif" alt="Add to Cart" title=" Add to Cart " type="image"></span>		 
                                                            </div>
                                                                
                                                       
                                                    </div>
                                                            
                                                            
                                                            
                                                    <div id="productAdditionalImages">
                                                        <ul id="gallery">
                                                            
                                                            <div class="additionalImages centeredContent back" style="width:33%;">
                                                                <script language="javascript" type="text/javascript"><!--
                                                                    document.write('<a href="images/09-02.jpg"><img src="images/09-02.jpg" alt="2xist Contrast Contour Pouch" title=" 2xist Contrast Contour Pouch " width="134" height="210" /><br /><span class="lupa"></span></a>');
                                                                    //--></script><a href="#"><img src="product1_files/09-02.jpg" alt="2xist Contrast Contour Pouch" title=" 2xist Contrast Contour Pouch " height="210" width="134"><br><span class="lupa"></span></a>
                                                                <noscript><a href="# target="_blank"><img src="images/09-02.jpg" alt="2xist Contrast Contour Pouch" title=" 2xist Contrast Contour Pouch " width="134" height="210" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
                                                            <div class="additionalImages centeredContent back" style="width:33%;">
                                                                <script language="javascript" type="text/javascript"><!--
                                                                    document.write('<a href="#" alt="2xist Contrast Contour Pouch" title=" 2xist Contrast Contour Pouch " width="134" height="210" /><br /><span class="lupa"></span></a>');
                                                                    //--></script><a href="#"><img src="product1_files/09-03.jpg" alt="2xist Contrast Contour Pouch" title=" 2xist Contrast Contour Pouch " height="210" width="134"><br><span class="lupa"></span></a>
                                                                <noscript><a href="#" target="_blank"><img src="images/09-03.jpg" alt="2xist Contrast Contour Pouch" title=" 2xist Contrast Contour Pouch " width="134" height="210" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
                                                            <div class="additionalImages centeredContent back" style="width:33%;">
                                                                <script language="javascript" type="text/javascript"><!--
                                                                    document.write('<a href="images/09-04.jpg"><img src="images/09-04.jpg" alt="2xist Contrast Contour Pouch" title=" 2xist Contrast Contour Pouch " width="134" height="210" /><br /><span class="lupa"></span></a>');
                                                                    //--></script><a href=""><img src="product1_files/09-04.jpg" alt="2xist Contrast Contour Pouch" title=" 2xist Contrast Contour Pouch " height="210" width="134"><br><span class="lupa"></span></a>
                                                                <noscript><a href="products_image_large_additional=images/09-04.jpg" target="_blank"><img src="images/09-04.jpg" alt="2xist Contrast Contour Pouch" title=" 2xist Contrast Contour Pouch " width="134" height="210" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
                                                            <br class="clearBoth">
                                                                
                                                        </ul>
                                                    </div>
                                                        
                                                    <div id="productDescription" class="description biggerText"><strong>Details: </strong>Integer
                                                        convallis malesuada massa. Sed eget sapien a magna volutpat 
                                                        sollicitudin. Nullam sit amet dolor.</div>   
                                                </div>
                                        </div>      
                                    </div>    
                                    <div class="clear"></div>  
                                    <div class="bottom-line"></div>   
                                </div>
                                </div>
                            </td>

                            <td id="column_right" style="width:218px">
                                <%@include file="comp/specials.jsp" %>                             
                            </td>
                        </tr>
                    </tbody>
                </table>
                                                        
                <!-- ========== FOOTER ========== -->                                        
                <%@include file="comp/footer.jsp" %>
                <!-- ============================ -->
                                        
                <!-- ========== IMAGE BORDER BOTTOM ========== -->
            </div>
        </div>
               
    </body>
</html>
